یادآوری، کدهای HTML
نمیدونم تا حالا با کدهای HTML کار کردین یا نه؟ اگه از FrontPage استفاده کرده باشین حتما دیدین که اون پایین وقتی در حالت طراحی هستین (Normal) دو تا دکمه دیگه هم هست به نامهای HTML و Preview که دکمه HTML کدی رو که این صفحه رو میسازه نشونتون میده و دکمه بعدی یه پیش‌نمایشه از قیافه صفحه وقتی دیگران اون رو می‌بینند.
یه نمونه از کد HTML خیلی ساده برای ساخت یه صفحه اینه:
سلام به صفحه من خوش آمدید
این کدها رو کپی کنید و توی Notepad بروید و Paste کنید و بعد با یه نامی مثل test.html ضبط کنیدش. (یادتون نره که قبل از ضبط Save as Type رو روی All Files بزارین.)
حالا وقتی test.html رو با اینترنت اکسپلورر (Internet Explorer) باز کنید یه صفحه میبیند که عنوانش «صفحه آزمایشی» است و توش نوشته «سلام به صفحه من خوش آمدید».
این که دیدید یک کد HTML ساده است. هر قسمت که بین دوتا علامت کوچکتر و بزرگتر قرار گرفته رو بهش «Tag» میگن.
خیلی از Tagها به صورت زوج به کار میرن. یعنی کی نشان دهنده شروع اون قسمت است و یکی دیگه نشان دهنده پایان اون قسمت و هر چی داخل اون دوتا باشه داخل اون Tag محسوب میشه. تگ پایانی همیشه با یک اسلش «/» مشخص میشه. مثلا «title/» نشاندهنده پایان عنوان سایت است.
مثلا تو مثال بالا اولین Tag که بکار رفته تگ html بود که بصورت <html> نشون داده شده. این تگ از تگ‌های استاندارد HTML است که نشون میده این صفحه یه سایته.
تگ بعدی title بود که عنوان سایت رو تنظیم میکنه.
اون جمله‌ای که بین تگ title قرار میگیره بالای صفحه اینترنت اکسپلورر نشون داده میشه
تگ Body هم نشون دهنده شروع محتویات سایت یا بدنه اصلی سایته که چیزایی که توی این تگ قرار بگیره بعنوان محتویات سایت نشون داده میشه.
تا اینجاش هیچ چیز خاصی نداشت.
اصول اولیه قالبها
میخواهیم یک قالب خیلی ساده و مرتب درست کنیم. که در عین سادگی کار ام تی رو هم نشونمون بده.
قالبها بصورت خیلی ساده همون HTML هستند که قبلا دیدیم، فقط یک سری تگ (Tag) ویژه خود ام تی توی اونها میزاریم که وقتی ام تی میاد سایت رو بسازه اون تگ رو با مقدارش عوض میکنه و یه HTML معمولی نشونمون میده.
مثلا توی ام تی یه تگ داریم که اسم سایت رو نشون میده: <$MTBlogName$>. وقتی توی یک HTML این عبارت پیدا بشه (اصلا مهم نیست کجای اون HTML باشه)، خود ام تی اون رو با اسم وبلاگ عوض میکنه و یه HTML به کسی که سایت شما رو می‌بینه نشون میده که داخلش اسم واقعی وبلاگ شما به‌جای اون نوشته شده.
اگه بخواهیم همون کد HTML که قبلا نوشتیم رو استفاده کنیم و به قالب ام تی تبدیل کنیمش که به جای عنوان صفحه (Title) که ما گذاشته بودیم «صفحه آزمایشی»، بیاد و خودش اسم وبلاگ رو بزاره اون بالا، میشه اون کد HTML رو به این تغییر داد:
سلام به صفحه من خوش آمدید
حالا وقتی این رو به ام تی بدین و بگین این یه قالبه و سایت رو برای من بساز، ام تی میاد این تگ <$MTBlogName$> رو با اسم وبلاگ شما جایگزین میکنه میزاره داخل HTML که برای اینجا اگه فرض کنیم عنوان وبلاگ ما «دو نفر و یک بلاگ» باشه خواهیم داشت:
حتی میشه یک کم جلوتر هم رفت و نوشت:
خوش آمدید <$MTBlogName$> سلام به
که توی صفحه اصلی می‌نویسه: «سلام به رنگارنگ خوش آمدید»
